<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ユーザホーム</title>
<link rel="stylesheet" href="css/cf.css">
<!-- Google hosting Jquery  http://blog.fkoji.com/2009/01142136.html-->
<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
	type="text/javascript"></script>
<script src="js/cf.js" type="text/javascript"></script>
<script src="js/lib/jquery.cookie.js" type="text/javascript"></script>
<!-- メインスクリプト-->
<script type="text/javascript">
	var sender = new cf();
	var idm = null;
	function parchace() {
		var temp = $('#tis option:selected').val();
		var num = temp.split('-')[0];
		var cost = temp.split('-')[1];
		ret = confirm(cost + "円分のチケットを購入します。よろしいですか？");
		if (!ret)
			return;
		//チケット購入
		sender.parchace(num, cost, idm);
	}
	function loadData() {
		//ユーザ情報を取得
		var user = $.cookie('uname');
		idm = $.cookie('idm');
		if (!user || !idm)
			alert("ユーザ情報がありません。再度ログインしてください。");
		$("#uname").html(user);
		//購入履歴
		//新規登録の時は履歴空。
		var p = location.search;
		if (p.match(/his=n/i)) {
			$("#his").html("<div>購入履歴はまだありません。</div>");
			return;
		}
		//ＩＤでロードする？→ログインページがいるのか～。。。。

	}
</script>
</head>
<body onload="loadData()">
	<div class="title">
		Coffee＊<span id="uname"></span>HOME
	</div>
	<div class="fbox">
		<div>
			購入履歴&nbsp;
			<div id="his"></div>
		</div>
		<div>
			チケット選択<select id="tis">
				<option name=1 value=10-600>10杯（フィルタ有り）</option>
				<option name=2 value=10-500>10杯（フィルタ無し）</option>
				<option name=3 value=20-1200>20杯（フィルタ有り）</option>
				<option name=4 value=20-1000>20杯（フィルタ無し）</option>
			</select>
		</div>
		<button class="btn" id='sa' onclick='parchace()'>購入</button>
	</div>
</body>
</html>